<!DOCTYPE html>
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8" />
    <meta content="text/html"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"  />
    <link rel="stylesheet" type="text/css" href="../js/swiper/idangerous.swiper2.7.6.css" />
    <!--<link rel="stylesheet" type="text/css" href="../css/index.css" />-->
    <link rel="stylesheet" type="text/css" href="../css/templateIndex.css" />
    <link rel="stylesheet" type="text/css" href="../css/home.css"/>
    <link rel="stylesheet" type="text/css" href="../css/login.css" />
    <link rel="stylesheet" type="text/css" href="../js/jquery-jbox/2.3/Skins/Red/jbox.css"/>
    <link rel="stylesheet" type="text/css" href="../js/jquery-validation/1.11.0/jquery.validate.css" />
    <script type="text/javascript" src="../js/jquery-3.2.0.min.js"></script>
    <script type="text/javascript" src="../js/jquerysession.js"></script>
    <script type="text/javascript" src="../js/jquery-validation/1.11.0/jquery.validate.js" ></script>
    <script type="text/javascript" src="../js/jquery-migrate-1.1.1.min.js"></script>
    <script type="text/javascript" src="../js/jquery-jbox/2.3/jquery.jBox-2.3.min.js"></script>
    <script type="text/javascript" src="../js/swiper/idangerous.swiper2.7.6.min.js"></script>
    <script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="../js/Popt.js"></script>
    <script type="text/javascript" src="../js/cityJson.js"></script>
    <script type="text/javascript" src="../js/citySet.js"></script>
    <!--<script type="text/javascript" src="../js/index.js"></script>-->
    <script type="text/javascript" src="../js/templateIndex.js"></script>
    <script type="text/javascript" src="../js/template.js"></script>
    <script type="text/javascript" src="../js/methods.js"></script>

</head>
<body id="orange">
<div class="nav">
    <div class="content nav-content">
        <div class="nav-left">
            <div class="log">
                <div class="log-content">
                    <img src="../img/logo.png" alt="logo图" />
                </div>
            </div>
            <div class="address">
                <div class="address-content">
                    <img class="address-icon" src="../img/address.png"  />
                    <!--<span id="selcity" th:text="${cityName}" style="line-height: 32px;"></span>-->
                    <span id="selcity" th:text="${session.cityName}" style="line-height: 32px;"></span>
                    <span hidden ="hidden">[<span id="city" style="cursor: pointer;" th:text="#{System.changeCity}"></span>]</span>
                    <form id="fomCity" action="/index/home" method="post">
                        <input type="hidden" name="hproper" data-name="北京" id="hproper" value="110100" />
                        <input type="hidden" name="hproperName"  id="hproperName" value="北京" />
                    </form>
                </div>
            </div>
        </div>
        <div class="nav-right">
            <div class="login-register">
                <div class="login-register-content">
                    <span id ="beforeLoad" th:styleappend="(${session.User} != null)? 'display:none'"><span th:text="#{System.helloPlease} + ' '"></span><a href="javascript:void(0);" onclick = "showDialog()" th:text="#{System.login}"></a>  <span th:text="#{System.or}"></span>   <a href="/index/register" target="_blank" th:text="#{System.register}"></a> </span>
                    <span id ="afterLoad" th:styleappend="(${session.User} == null)? 'display:none'" ><span th:text="#{System.greeting}"></span> <span id="loginName" th:text="(${session.User} != null)? ${session.User.username}:''"></span><strong class="logout" onclick="logout()" th:text="' [' + #{System.logout} + ']'"></strong></span>
                </div>
            </div>
            <div class="btn-group">
                <div class="btn-group-content">
                    <button class="btn" onclick="huanFu()" th:text="#{System.skin}"></button>
                    <span hidden = "hidden" class="btn"><a th:href = "#{System.langurl}" th:text="#{System.language}"></a></span>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="content">
            <ul class="nav-bar-content-left">
                <li><a href="/index/home" th:text="#{System.home}"></a></li>
                <li><a id="userCenter" th:href="(${session.User} == null )? 'javascript:;' : '/userCenter/userInfo'" onclick="checkLoadUser()" th:text="#{System.member}"></a></li>
                <li><a href="/introduction/init" th:text="#{System.checkCar}"></a></li>
                <li><a id="myVehicle" th:href="(${session.User} == null )? 'javascript:;' : '/myVehicle/detectReport'" onclick="checkLoadUser()" th:text="#{System.myVehicle}"></a></li>
                <li><a href="/about/init" th:text="#{System.aboutUs}"></a></li>
            </ul>
            <div class="nav-bar-content-right">
                <i class="tell-phone"></i>
                <span>400-400-8888</span>
            </div>

        </div>
    </div>
    <div class="banner" id = "bannerImage">
        <div class="content banner-content">
        </div>
    </div>
</div>
<div class="container">
    <div class="content">
        <div class="int-vehicle-ul">
            <div class="int-vehicle">
                <button class="int-vehicle-btn" id="btnUserCenter">
                    <i class="car-icon"></i>
                    会员管理
                </button>
            </div>
            <ul id = "ulUserCenter" style="display: none">
                <!--<li id = "linkUserInfo" ><i class="triangle-icon"></i><a href="/userCenter/userInfo">会员中心</a></li>-->
                <!--<li id = "linkVehicleInformation" ><i class="triangle-icon"></i><a href="/carData/list">车辆资料</a></li>-->
                <!--<li id = "linkAddress" ><i class="triangle-icon"></i><a href="/address/queryAddress">地址管理</a></li>-->
                <li id = "linkUserInfo" ><i class="triangle-icon"></i><a id = "subUserInfo" th:href="(${session.User} == null )? 'javascript:;' : '/userCenter/userInfo'" onclick="checkLoadUser()">会员中心</a></li>
                <li id = "linkVehicleInformation" ><i class="triangle-icon"></i><a id = "subCarData" th:href="(${session.User} == null )? 'javascript:;' : '/carData/list'" onclick="checkLoadUser()">车辆资料</a></li>
                <li id = "linkAddress" ><i class="triangle-icon"></i><a id = "subQueryAddress" th:href="(${session.User} == null )? 'javascript:;' : '/address/queryAddress'" onclick="checkLoadUser()">地址管理</a></li>
            </ul>
            <div class="int-vehicle">
                <button class="int-vehicle-btn" id="btnIntelligentVehicle">
                    <i class="car-icon"></i>
                    智能检车
                </button>
            </div>
            <ul id="ulIntelligentVehicle" style="display: none">
                <li id = "linkIntroduction" ><i class="triangle-icon"></i><a href="/introduction/init">年检介绍</a></li>
                <li id = "linkSelfCheck" ><i class="triangle-icon"></i><a href="/vehicleSelfCheck/selfIndex">车辆自检</a></li>
                <li id = "linkSearchStation" ><i class="triangle-icon"></i><a href="/searchStation/init">预约检测</a></li>
            </ul>
            <div class="int-vehicle">
                <button class="int-vehicle-btn" id="btnMyVehicle">
                    <i class="car-icon"></i>
                    我的车况
                </button>
            </div>
            <ul id="ulMyVehicle" style="display: none">
                <!--<li id = "linkDetectReport"><i class="triangle-icon"></i><a href="/myVehicle/detectReport">检测报告</a></li>-->
                <!--<li id = "linkVehicleState" ><i class="triangle-icon"></i><a href="/myVehicle/vehicleState">车况分析</a></li>-->
                <li id = "linkDetectReport"><i class="triangle-icon"></i><a id = "subDetectReport" th:href="(${session.User} == null )? 'javascript:;' : '/myVehicle/detectReport'" onclick="checkLoadUser()">检测报告</a></li>
                <li id = "linkVehicleState" ><i class="triangle-icon"></i><a id = "subVehicleState" th:href="(${session.User} == null )? 'javascript:;' : '/myVehicle/vehicleState'" onclick="checkLoadUser()">车况分析</a></li>
            </ul>
            <div class="int-vehicle">
                <button class="int-vehicle-btn"  id="btnNewsNous">
                    <i class="car-icon"></i>
                    新闻资讯
                </button>
            </div>
            <ul id="ulNewsNous" style="display: none">
                <li id = "linkLaws" ><i class="triangle-icon"></i><a href="/NewsNous/laws">法律法规</a></li>
                <li id = "linkNous" ><i class="triangle-icon"></i><a href="/NewsNous/news">公司新闻</a></li>
                <li id = "linkNewsIndustry" ><i class="triangle-icon"></i><a href="/NewsNous/industry">行业资讯</a></li>
            </ul>
            <div class="int-vehicle">
                <button class="int-vehicle-btn"  id="btnAboutUs">
                    <i class="car-icon"></i>
                    关于我们
                </button>
            </div>
            <ul id="ulAboutUs" style="display: none">
                <li id = "linkAbout" ><i class="triangle-icon"></i><a href="/about/init">公司介绍</a></li>
                <li id = "linkService" ><i class="triangle-icon"></i><a href="/service/init">服务理念</a></li>
                <li id = "linkCulture" ><i class="triangle-icon"></i><a href="/culture/init">企业文化</a></li>
                <li id = "linkContact" ><i class="triangle-icon"></i><a href="/contact/init">联系我们</a></li>
            </ul>
        </div>
        <div layout:fragment="content">

        </div>
    </div>
</div>

<!-- 登录-->
<div class="ui-mask" id="mask" onselectstart="return false" ></div>
<div class="ui-dialog" id="dialogMove" onselectstart='return false;'>
    <div class="ui-dialog-title" id="dialogDrag"  onselectstart="return false;" >
        <img style="vertical-align: middle;" src="../img/logo1.png"/><span style="margin-left:10px;" th:text="#{System.loginALCJ}"></span>
        <a class="ui-dialog-closebutton" href="javascript:hideDialog();"></a>
    </div>
    <div class="ui-dialog-content" id="pc-content"  >
        <div id="lblError" style="color:#FF0000;font-size: 14px;height: 20px;margin-top:5px;padding-left:5px"> </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input id ="userName" name = "userName" type="text" class="ui-dialog-input ui-dialog-input-username" placeholder="手机号/用户名" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input id ="userPwd" name = "userPwd" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="密码" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15" style="text-align:left;">
            <input id="userVerify" name="userVerify" class="ui-dialog-input" style="text-indent: 10px; width:66%" type="text" placeholder="验证码" />
            <img style="vertical-align:top;height: 40px;width: 105px" id="vcode" src="/index/getVerify" border="1"/>
        </div>
        <div class="ui-dialog-l40">
            <lable style="float:left;"><input type="checkbox" id="userRember" name="userRember" checked="checked" style="vertical-align: middle;" />下次自动登录</lable>
            <span id="forgetPwd" style="float:right;cursor: pointer" th:text="#{System.forgetPwd} + '?'"></span>
        </div>
        <div>
            <btn class="ui-dialog-submit" onclick="login();" th:text="#{System.login}"></btn>
        </div>
        <div class="ui-dialog-l40">
            <a href="/index/register" target="_blank" th:text="#{System.nowRegister}"></a>
        </div>
    </div>
    <div class="ui-dialog-content" id="forget-content"  hidden="hidden" style="height:330px;">
        <div id="lblReError" style="color:#FF0000;font-size: 14px;height: 20px;margin-top:5px;padding-left:5px"> </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input id="telphone" name="telphone" type="tel" class="ui-dialog-input ui-dialog-input-username" placeholder="手机号" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15" style="text-align:left;">
            <input id="phVerify" name="phVerify" class="ui-dialog-input" style="text-indent: 10px; width:66%" type="text" placeholder="手机验证码" />
            <btn class="btnCode" id="phoneVcode" th:text="获取验证码"></btn>
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input id ="newPassword" name = "newPassword" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="新密码" />
        </div>
        <div class="ui-dialog-l40 ui-dialog-pt15">
            <input  id="repassword" name= "repassword" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="再次输入密码" />
        </div>
        <div style="margin:20px 0;">
            <btn class="ui-dialog-submit" id="resetPwd" th:text="#{System.resetPassword}"></btn>
        </div>
        <div class="ui-dialog-l40">
            <span id="relogin" style="float:right;cursor: pointer;font-size: 16px;color: #e35b00;" th:text="#{System.goLogin} + '>'"></span>
        </div>
    </div>
    <div id="ph-content" class="ui-dialog-content" style="text-align: center;" hidden="hidden">
        <img src="../img/en.png"/>
        <p th:text="#{System.scanWechat}"></p>
    </div>
    <div style="float:right;" id="pclogin">
        <img style="float:right;margin-top:5px" src="../img/erweima.png"/>
    </div>
    <div style="float:right" hidden="hidden" id="phlogin">
        <img style="float:right;margin-top:5px"  src="../img/erer.png"/>
    </div>
</div>
<!-- 登录-->
<div class="footer">
    <div class="footer-content content">
        <p><span th:text="#{System.friendLink} + '：'"></span>
            <a href="http://auto.qq.com/" target="_blank">腾讯汽车</a>
            <a href="http://auto.sina.com.cn/" target="_blank">新浪汽车</a>
            <a href="http://auto.163.com/" target="_blank">网易汽车</a>
            <a href="http://auto.163.com/" target="_blank">网易汽车</a>
            <a href="https://www.autohome.com.cn/beijing/" target="_blank">汽车之家</a>
            <a href="http://www.xcar.com.cn/" target="_blank">爱卡汽车</a>
            <a href="http://www.pcauto.com.cn/" target="_blank">太平洋汽车网</a>
            <a href="http://www.feelcars.com/" target="_blank">汽车探索</a>
            <a href="http://www.jsyks.com/" target="_blank">驾驶员考试网</a>
            <a href="https://www.tuhu.cn/" target="_blank">途虎养车网</a>
            <a href="https://www.renrenche.com/" target="_blank">人人车</a>
            <a href="http://www.haoche51.com/" target="_blank">好车无忧</a>
            <a href="https://www.xin.com/" target="_blank">优信二手车</a>
        </p>
        <div class="footer-info clear">
            <div class="footer-copyright">
                <p th:text="#{System.copyRight}"></p>
                <p><span class="address-icp" th:text="#{System.putRecord}"></span><span th:text="#{System.support}"></span></p>
            </div>
            <div class="footer-qrcode">
                <img src="../img/index/contact.png" />
            </div>
            <div class="footer-contact clear">
                <img src="../img/index/hotphone.png" />
                <p th:inline="text">[[#{System.hotLine}]]<big>400-400-8888</big></p>
            </div>

        </div>
    </div>
</div>

</body>
</html>